[#include "common/html.ftl" /]
[@html]
    [@head title="DB Adminer" css=["fw"] ]
        <style>
            #div1 {
                position: fixed;
                width: 300px;
                height: 40px;
                line-height: 40px;
                text-align: center;
                font-size: 24px;
                font-weight: bolder;
                color: #FFFFFF;
                letter-spacing: 1.5px;
                bottom: 10px;
                right: 0;
                background-color: rgba(0,0,0,.2);
                border-radius: 3px;
            }
            .scroll-box {
                width: 100%;
                height: 60px;
                padding-top: 100px;
                font-size: 18px;
                text-align: center;
                color: lightgoldenrodyellow;
                letter-spacing: 5px;
                font-weight: bold;
                text-shadow: 1px 1px 3px rgba(0,0,0,0.9);
            }
            .scroll-box ul {
                margin:0;
                padding:0;
                list-style:none;
                width:100%;
                height:100%;
            }
            .scroll-box ul li {
                margin:0;
                padding:0;
                width:100%;
                height:60px;
                box-sizing:border-box;
                line-height: 60px;
                text-align: center;
                display: block;
            }
        </style>
    [/@head]
    [@body class="fw-none-bg" ]

        <div id="div1">欢迎使用 DB Adminer .</div>

        <div class="scroll-box">
            <ul>
                <li>系统温馨告知</li>
                <li>数据操作需谨慎，每步别让错误跟</li>
                <li>数据安全重如山，违规操作莫要试</li>
                <li>系统默默记日志，一切动作难遁形</li>
                <li>诚实守信是准则，数据库里航行畅</li>
            </ul>
        </div>

        [@script js=["fw"] progress="false"]
            <!-- 自定义js -->
            <script type="text/javascript">

            </script>
        [/@script]
    [/@body]
[/@html]